$blue: #324157;
$light-blue: #3A71A8;
$red: #C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow: #FEC171;
$panGreen: #30B08F;

$headerHeight: 90px;

$sideBarWidth: 230px;

$menuHeight: 46px;
$menuFontSize: 14px;

@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin clearStyle {
  background-color: rgba(7, 104, 159, 0.15) !important;
  color: #fff;
}

@mixin scrollBar($bgColor:#d3dce6,$size:6px,$thumbColor:#99a9bf) {
  &::-webkit-scrollbar-track-piece {
    background: $bgColor;
  }

  &::-webkit-scrollbar {
    width: $size;
    height: $size;
  }

  &::-webkit-scrollbar-thumb {
    background: $thumbColor;
    border-radius: 20px;
  }
  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}
